/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-time-panel() {
  --ti-time-panel-border-color: var(--ti-date-picker-border-color);
  --ti-time-panel-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --ti-time-panel-content-split-line-display: block;
  --ti-time-panel-btn-cancel-display: inline-block;
  --ti-time-panel-btn-bg-color: transparent;
  --ti-time-panel-btn-padding-vertical: 0;
  --ti-time-panel-btn-padding-horizontal: 5px;
  --ti-time-panel-btn-border-radius: var(--ti-common-border-radius-normal, 2px);
  --ti-time-panel-btn-height: 28px;
  --ti-time-panel-btn-min-width: inherit;
  --ti-time-panel-btn-font-weight: 800;
  --ti-time-panel-btn-confirm-hover-bg-color: transparent;
  --ti-time-panel-footer-height: 36px;
  --ti-time-panel-btn-text-color: #303133;
  --ti-time-panel-btn-confirm-text-color: var(--ti-base-color-brand-7, #526ecc);
  --ti-time-panel-bg-color: var(--ti-common-color-light, #fff);
  --ti-time-panel-border-radius: var(--ti-common-border-radius-normal, 2px);
  --ti-time-panel-border-color: var(--ti-common-color-line-dividing, #dfe1e6);
}
